<template>
  <!-- v-on绑定事件，通常用@简写 -->
  <!-- 简单语法可以直接写在行内，一般使用函数封装 -->
  <button @click="count++">点我增加</button>
  <button @click="print">点我打印</button>
</template>

<script>
export default {
  name: "test",
  data() {
    return {
      count:0,
    };
  },

//   函数写在method内
  methods:{
    print(event){
        // event就是原生dom对象，可以通过target取到节点
        console.log(event.target)
        // 用this引入data中的数据
        console.log(this.count)
    }
  }
};
</script>

<style scoped></style>
